<!-- 快捷导航模块 -->
<section class="shortcut">
    <div class="w">
        <div class="fl">
            <ul>
                <li>品优购欢迎您！&nbsp;</li>
                <li>
                    <a href="login.html">请登录</a>&nbsp;
                    <a href="register.html" class="style_color">免费注册</a>
                </li>
            </ul>
        </div>
        <div class="fr">
            <ul>
                <li><a href="javascript:;">我的订单</a></li>
                <li></li>
                <li class="arrow_icon"><a href="javascript:;">我的品优购</a></li>
                <li></li>
                <li><a href="javascript:;">品优购会员</a></li>
                <li></li>
                <li><a href="javascript:;">企业采购</a></li>
                <li></li>
                <li class="arrow_icon"><a href="javascript:;">关注品优购</a></li>
                <li></li>
                <li class="arrow_icon"><a href="javascript:;">客户服务</a></li>
                <li></li>
                <li class="arrow_icon"><a href="javascript:;">网站导航</a></li>
            </ul>
        </div>
    </div>
</section>

<!-- 头部模块 -->
<header class="header w">

    <div class="logo">
        <!-- <h1><a href="index.html" title="品优购商城" target="_blank">品优购商城</a></h1> -->
                                                <!-- 在新页面跳转 -->
        <!-- SEO优化 -->
        <h1><a href="index.html" title="品优购商城" target="_blank"><img data-lazy-src="images/logo.png" alt="品优购商城"></a></h1>
    </div>

    <div class="search">
        <form action="">
            <input type="search" name="" id="" placeholder="语言开发">
            <button>搜索</button>
        </form>
    </div>

    <div class="hotwords">
        <a href="#" class="style_color">优惠购首发</a>
        <a href="#">亿元优惠</a>
        <a href="#">团购</a>
        <a href="#">满99减30</a>
        <a href="#">办公用品</a>
        <a href="#">电脑</a>
        <a href="#">通信</a>
    </div>

    <div class="shopcar">
        我的购物车
        <i class="count">99</i>     
    </div>
</header>